﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site.Master" AutoEventWireup="true" Inherits="GMS.Pages_SelectCustomerOwnSink" Codebehind="SelectCustomerOwnSink.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
        <div class="container_center">
        <div>
        <h2>
                Provide Your Own Sink
            </h2>
            <p>
                If you already have a sink, select this option to specify how you would like the sink to be mounted.
	 </p><p>    Select Mount Option: Select this number of top mount and / or undermount sinks you will have in your project.
	    </p><p> Top Mount: A top-mount sink is one that is installed on top of a countertop. A portion of the sink, called a lip, overlaps the countertop to provide a covered edge.
        </p><p> Undermount: This type of sink is set up below the actual countertop, providing an elegant, smooth finish. This is the most popular option for granite countertops because there are no extra grooves or crevices that will trap dirt and debris. 
        </p>
        </div>
        <br />
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Repeater ID="rptrSink" runat="server" OnItemCommand="rptrSink_ItemCommand">
                           <HeaderTemplate>
                        <ul class="media-grid">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                                <div class="well span4" style="text-align: center;" id="dvImg" runat="server">
                                <asp:ImageButton ID="imgBtn1" runat="server" AlternateText='<%# Bind("ImagePath") %>'
                                    ImageUrl='<%# Bind("ImagePath") %>' ToolTip='<%# Bind("SinkOptionId") %>' CommandName="Click"
                                    CommandArgument='<%# Bind("SinkOptionId") %>' Height="150" Width="210" />
                                <asp:DropDownList ID="ddlMount" runat="server">
                                    <asp:ListItem>0</asp:ListItem>
                                    <asp:ListItem>1</asp:ListItem>
                                    <asp:ListItem>2</asp:ListItem>
                                    <asp:ListItem>3</asp:ListItem>
                                    <asp:ListItem>4</asp:ListItem>
                                </asp:DropDownList>
                                <h4> <asp:Label ID="lblName" runat="server" Text='<%# Bind("Name") %>' Font-Bold="true" /></h4>
                                <p><asp:Label ID="lblPrice" runat="server" Text='<%# String.Concat("Cost: $ ", Eval("Price"))%>' /></p>
                                <p>
                                <asp:Label ID="lblDesc" runat="server" Text='<%# Bind("Description") %>' />
                                </p>
                            </div>
                            </li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul></FooterTemplate>
                    </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        </div>    
        <br />
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnBack" runat="server" CssClass="btn primary" Text="Back" OnClick="btnBack_Click" />
            <asp:Button ID="btnNext" runat="server" CssClass="btn primary" Text="Next" OnClick="btnNext_Click" />
        </div>
    </div>
</asp:Content>
